<template>
  <div class="title">
    {{title}}
  </div>
</template>

<script>
export default {
  props: {
    title: {
      default: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.title {
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-left: 27px;
  &::before {
    display: inline-block;
    width: 3px;
    height: 13px;
    content: '';
    background: $md-primary-color;
    margin-right: 7px;
    border-radius: 2px;
  }
}
</style>
